{% extends "status/base.html" %}
{% block title %}用户活动详情 {% endblock %}

{% block script %}
    <link rel="stylesheet" href="{{ url_for('static', filename='jquery/themes/cupertino/jquery-ui.css') }}" />
    <script type="text/javascript" src="{{url_for('static', filename='jquery/jquery.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='jquery/jquery-ui.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='jquery/date-picker-zh.js') }}"></script>
    <script type="text/javascript">
    $(function(){
            $("#date_to").datepicker( {dateFormat: "yy-mm-dd"}); 
            $("#date_from").datepicker( {dateFormat: "yy-mm-dd"}); 
            });
        </script>
        {% endblock %}

        {% block body %}

        <div style="text-align:center;width: 700px"><h2>用户活动详情({{ start_time.date() }}~{{ end_time.date() }})</h2></div>
            <div>
                <table style="background-color: #ccf">
                    <tr><td>活动用户:</td><td class="num_col">{{ active_user }} </td></tr>
                    <tr><td>新用户:</td><td class="num_col"> {{ new_user }}</td></tr>
                    <tr><td>播放过视频的用户:</td><td class="num_col">{{ video_user|int }}</td></tr>
                    <tr><td>播放过音乐的用户:</td><td class="num_col"> {{ music_user|int }}</td></tr>
                    <tr><td>查看过图片的用户:</td><td class="num_col"> {{ picture_user|int }}</td></tr>
                    <tr><td>打过文档的用户:</td><td class="num_col"> {{ document_user|int }}</td></tr>
                    <tr><td>使用过百度云的用户:</td><td class="num_col"> {{ baidu_user|int }}</td></tr>
                    <tr><td>视频播放总时间(秒):</td><td class="num_col"> {{ video_time|int }}</td></tr>
                    <tr><td>图片查看总时间(秒):</td><td class="num_col"> {{ picture_time|int }}</td></tr>
                    <tr><td>音乐播放总次数:</td><td class="num_col"> {{ music_time|int }}</td></tr>
                    <tr><td>文档查看总次数:</td><td class="num_col"> {{ document_time|int }}</td></tr>
                    <tr><td>客户端打开总次数:</td><td class="num_col"> {{ start_count|int }}</td></tr>
                </table>
            </div>
            <div style="height: 20px"></div>
        <div style="text-align:right;width: 700px">
            <form action="" method="GET">
                日期&nbsp&nbsp<input type="text" name="date_from" id="date_from" size="6" value="{{ start_time.date() }}" />
                -
                <input type="text" name="date_to" id="date_to"  size="6" value="{{ end_time.date() }}" />
                <input type="submit" value="查看" />
            </form>
            </div>
    <div style="height: 20px"></div>
{% endblock %}
